<template>
  <div>
    <h1>app</h1>
    <!-- 管道符 -->
    <!-- {{add(num)}} -->
    <!-- {{ num | add(300, 20) }} -->
    {{ num | add(10) | mul(2) | div(4) | sub(8) | add(100) }}

    <!-- div(mul(add(10,10),2),4) -->

  </div>
</template>
<script>
export default {
  filters: {
    f1(v) {
      return v + 200;
    }
  },
  data() {
    return {
      num: 200
    }
  }
}
</script>
<style>
div {
  border: solid;
  padding: 10px;
}
</style>